$(function(){

  $(".dj").click(function(){//点击“点我弹出层”时候

    $(".tc_box").show()//弹出提示层，之前是隐藏在body里面的

var sp_height = $(document).height()//获取当期窗口的高度

$(".sp_box").css({"opacity":"0.5","height":sp_height})//锁屏层高度采用获取窗口的高度，从而达到锁全屏的目的。

$(".sp_box").show()//显示锁屏层，此时锁屏层的宽在CSS里设置了100%

  })

  $("h3").click(function(){//点击关闭时候

    $(".tc_box").hide()//弹出提示层消失

$(".sp_box").hide()//锁屏层消失

  })

  

  //下面部分代码是让弹出层，随滚动条滚动而滚动，并始终居中； 此方法有一个缺憾就是弹出层随滚动条滚动的时候有时候会轻微闪屏。建议在IE6下采用这段代码，而FF Chrome等高级浏览器在CSS样式里面定义.tc_box 的定义为：position:fixed, 并设定left,top等值。使其居中，这样就只会在IE6下闪屏了。

  var screenwidth,screenheight,mytop,getPosLeft,getPosTop

　　screenwidth = $(window).width();

　　screenheight = $(window).height();

　　mytop = $(document).scrollTop();

　　getPosLeft = screenwidth/2 - 200;

　　getPosTop = screenheight/2 - 100;

　　$(".tc_box").css({"left":getPosLeft,"top":getPosTop});

　　$(window).resize(function(){

  　　screenwidth = $(window).width();

  　　screenheight = $(window).height();

  　　mytop = $(document).scrollTop();

  　　getPosLeft = screenwidth/2 - 200;

  　　getPosTop = screenheight/2 - 100;

  　　$(".tc_box").css({"left":getPosLeft,"top":getPosTop+mytop});

　　});

　　$(window).scroll(function(){

  　　screenwidth = $(window).width();

  　　screenheight = $(window).height();

  　　mytop = $(document).scrollTop();

  　　getPosLeft = screenwidth/2 - 200;

  　　getPosTop = screenheight/2 - 100;

  　　$(".tc_box").css({"left":getPosLeft,"top":getPosTop+mytop});

　　});

})